<template>
  <q-toolbar color="primary">
    <q-toolbar-title>
      {{0>value.id ? '合并统计'
        : value.step==-1 ? '缺数据'
          : value.step==0 ? '已结束'
            : value.step==1 ? '报名中'
              : value.step==2 ? '筛选中'
                : value.step==3 ? '签到中'
                  : value.step==4 ? '统计中'
                    : ''
      }}
    </q-toolbar-title>
    <q-toolbar-title shrink v-if="value.groupCount>0" class="text-right">
      <span slot="subtitle">
        <b>{{value.groupCount}}</b>场
        <div>活动</div>
      </span>
    </q-toolbar-title>
    <q-toolbar-title shrink>
      <span slot="subtitle" class="text-right">
        <b>{{value.userCount?value.userCount:0}}</b>人
        <div>报名</div>
      </span>
    </q-toolbar-title>
    <q-toolbar-title shrink class="text-right">
      <span slot="subtitle">
        <b>{{value.playerCount?value.playerCount:0}}</b>人
        <div>中奖</div>
      </span>
    </q-toolbar-title>
    <q-toolbar-title shrink>
      <span slot="subtitle" class="text-right">
        <b>{{value.checkedCount?value.checkedCount:0}}</b>人
        <div>签到</div>
      </span>
    </q-toolbar-title>
  </q-toolbar>
</template>

<script>

export default {
  name: 'MyEventToolbar',
  props: {
    value: {
      type: Object,
      required: true
    }
  }
}
</script>
